<template>


        <el-table ref="tableRef" :data="tableData" style="width: 100%;height: 100%;" tooltip-effect="dark" :height="tableHeight"
            :header-cell-style="tableHeaderCellStyle">

            <af-table-column prop="dateRange" label="统计时间" align="center" width="300"></af-table-column>
            <el-table-column prop="cityName" label="地市" align="center"></el-table-column>
            <el-table-column prop="monthPeriod" label="统计周期" align="center"></el-table-column>
            <el-table-column label="光路" align="center">
                <el-table-column prop="p1Hw" label="华为" align="center"></el-table-column>
                <el-table-column prop="p1Zte" label="中兴" align="center"></el-table-column>
                <el-table-column prop="p1Nk" label="诺基亚" align="center"></el-table-column>
            </el-table-column>
            <el-table-column   label="电源" align="center">
             <el-table-column prop="p2Hw" label="华为" align="center"></el-table-column>
             <el-table-column prop="p2Zte" label="中兴" align="center"></el-table-column>
             <el-table-column prop="p2Nk" label="诺基亚" align="center"></el-table-column>
            </el-table-column>
            <el-table-column prop="enbId" label="设备" align="center">
             <el-table-column prop="p3Hw" label="华为" align="center"></el-table-column>
             <el-table-column prop="p3Zte" label="中兴" align="center"></el-table-column>
             <el-table-column prop="p3Nk" label="诺基亚" align="center"></el-table-column>
            </el-table-column>
            <el-table-column prop="cellId" label="环境" align="center">
                <el-table-column prop="p4Hw" label="华为" align="center"></el-table-column>
                <el-table-column prop="p4Zte" label="中兴" align="center"></el-table-column>
                <el-table-column prop="p4Nk" label="诺基亚" align="center"></el-table-column>
            </el-table-column>
            <el-table-column prop="cellName" label="时钟" align="center">
              <el-table-column prop="p5Hw" label="华为" align="center"></el-table-column>
              <el-table-column prop="p5Zte" label="中兴" align="center"></el-table-column>
              <el-table-column prop="p5Nk" label="诺基亚" align="center"></el-table-column>
            </el-table-column>
            <el-table-column prop="mechanicalTitl" label="其他" align="center">
              <el-table-column prop="p6Hw" label="华为" align="center"></el-table-column>
              <el-table-column prop="p6Zte" label="中兴" align="center"></el-table-column>
              <el-table-column prop="p6Nk" label="诺基亚" align="center"></el-table-column>
            </el-table-column>
            <el-table-column prop="antennaHeight" label="退服" align="center">
               <el-table-column prop="p7Hw" label="华为" align="center"></el-table-column>
               <el-table-column prop="p7Zte" label="中兴" align="center"></el-table-column>
               <el-table-column prop="p7Nk" label="诺基亚" align="center"></el-table-column>
            </el-table-column>


        </el-table>


</template>

<script>
    export default {
        props:{
          tableData:{
              type:Array,
              default:()=>[]
          }
        },
        data() {

            return {
                tableData:[],

            }
        },
        methods:{
          tableHeaderCellStyle({
              row,
              column,
              rowIndex,
              columnIndex
          }) {
              let cellStyle1
              cellStyle1 = 'height:40px; '
              return cellStyle1
          },
        },

        mounted() {

        }
    }
</script>

<style>
</style>
